<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title>用户首页</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
		<link   rel="icon" href="${base}/favicon.ico" type="image/x-icon" />
		<link   rel="shortcut icon" href="${base}/favicon.ico" />
		<link href="${base}/js/common/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
		<link href="${base}/css/common/base.css" rel="stylesheet"/>
		<script  src="${base}/js/common/jquery/jquery1.8.3.min.js"></script>
		<script  src="${base}/js/common/layer/layer.js"></script>
		<script  src="${base}/js/common/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <script src="${base}/js/common/bootstrap/bootstrap-treeview.js"></script> 
        <link rel="stylesheet" href="${base}/css/zTreeStyle/zTreeStyle.css" type="text/css">
        <script type="text/javascript" src="${base}/js/jquery-ztree-2.5.js"></script>

	</head>
	<body data-target="#one" data-spy="scroll">
		<TABLE border=0 width="700">
	<TR>
		<TD width=340px align=center valign=top>
		<div class="zTreeDemoBackground">
			<ul id="menuTree" class="tree"></ul>
		</div>		
		</TD>
	</TR>
</TABLE>
			
	</body>
</html>
<script>
  $(function(){
  
  var setting = {
        checkable: true,
		isSimpleData: true,
		treeNodeKey: "id",
		treeNodeParentKey: "pid",
		showLine: true,
		root:{ 
			isRoot:true,
			nodes:[]
		}
	};
  
   $.post("privilegeAction_showMenuitemsTreeByUid.action",function(data){//除了url，其他都是可选的  ；而type默认为post
			$("#menuTree").zTree(setting,data);
		});
  });
</script>